.flex {
	display: flex;
}

.test{
	border: 1rpx solid #000000;
}

.hover {
	transform: scale(0.97);
	filter: grayscale(18%)
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.w9 {
	width: 90%;
	margin: 0 auto;
}

.w8 {
	width: 80%;
	margin: 0 auto;
}

.w7 {
	width: 70%;
	margin: 0 auto;
}

.w6 {
	width: 60%;
	margin: 0 auto;
}

.w5 {
	width: 50%;
	margin: 0 auto;
}

.w4 {
	width: 40%;
	margin: 0 auto;
}

.w3 {
	width: 30%;
	margin: 0 auto;
}

.w2 {
	width: 20%;
	margin: 0 auto;
}

.w1 {
	width: 10%;
	margin: 0 auto;
}

.w10 {
	width: 100%;
}

.blod {
	font-weight: 800;
}

.flex1 {
	flex: 1;
}

.flex2 {
	flex: 2;
}

.flex3 {
	flex: 3;
}

.flex4 {
	flex: 4;
}

.flex5 {
	flex: 5;
}

.flex6 {
	flex: 6;
}

.flex7 {
	flex: 7;
}

.flex8 {
	flex: 8;
}

.flex9 {
	flex: 9;
}

.flex10 {
	flex: 10;
}
